<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <meta name="format-detection" content="telephone=no" />
    <title>信息查询</title>
    <style>
        html,
        body {
            height: 100%;
            width: 100%;
            margin: 0;
            overflow: hidden;
        }
        
        .bg {
            position: absolute;
            left: 0px;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: -2;
/*             -webkit-filter: blur(1px);
            -moz-filter: blur(1px);
            -ms-filter: blur(1px);
            filter: blur(1px); */
        }
        .code{position: absolute;top: 20px;left: 20px;width: 25%;max-width: 160px;}
        ul {
            list-style: none;
            padding: 0;
            margin: 0;
            position: relative;
            top: 25%;
        }
        
        li {
            overflow: hidden;
            margin-bottom: 1.8rem;
        }
        
        .tips {
            background: rgba(0, 0, 0, .4);
            color: #eee;
            padding: .7em 4em;
            position: relative;
            display: block;
            margin: 0 35px;

/*             font-size: 20px;
            font-weight: 500;
            letter-spacing: 3px;
            font-style: italic; */
        }
        .tips img{display: block;height: 16px;margin: 0 auto;}
        .tip-r {
            /* float: right; */

        }
        /* .tip-r img{margin-left: 130px;} */
        .tip-r::before {
            content: '';
            position: absolute;
            left: 3px;
            top: 3px;
            border-width: 3px;
            border-style: solid;
            border-color: #ccc transparent transparent #ccc;
        }
        
        .tip-l {
            /* float: left; */
        }
        
        .tip-l::before {
            content: '';
            position: absolute;
            right: 3px;
            top: 3px;
            border-width: 3px;
            border-style: solid;
            border-color: #ccc #ccc transparent transparent;
        }
        .foot{
            position: fixed;
            bottom: 10px;
            margin: 0 auto;
            width: 50%;
            left: 50%;
            margin-left: -25%;
            z-index:-1; 
        }
    </style>
</head>

<body>
    <img class="bg" src="./imgs/bg2.jpg" alt="">
    <img class="code" src="./imgs/code.jpg" alt="二维码">
    <ul>
        <li><a href="https://ibrs.chinamoney.com.cn/IBRSW/" class="tips tip-r"><img src="./imgs/tip1.png" alt=""></a></li>
        <li><a href="http://www.chinamoney.com.cn/fe/Channel/3268988?trainid=2" class="tips tip-r"><img src="./imgs/tip2.png" alt=""></a></li>
        <li><a href="http://online1.chinamoney.com.cn/inquire/  " class="tips tip-r"><img src="./imgs/tip3.png" alt=""></a></li>
        <li><a href="http://mp.weixin.qq.com/mp/homepage?__biz=MzA5NjUwODAwNA==&hid=24&sn=08fbd400e0e7c4e3bdf15382d642e0d6#wechat_redirect" class="tips tip-r"><img src="./imgs/tip4.png" alt=""></a></li>
        <li><a href="http://mp.weixin.qq.com/mp/homepage?__biz=MzA5NjUwODAwNA==&hid=25&sn=c2e9ec462e5bc7336a15634f501409e4#wechat_redirect" class="tips tip-r"><img src="./imgs/tip5_.png" alt=""></a></li>
        <li><a href="http://www.chinamoney.com.cn/cmai-front/certStateQuery.do" class="tips tip-r"><img src="./imgs/tip6.png" alt=""></a></li>
    </ul>
    <img class="foot" src="./imgs/foot.png" alt="">
</body>

</html>